<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no">
		<title>专属推广码</title>
		<link rel="stylesheet" href="/static/css/style.css" />

	</head>

	<body>
		<div class="container" id="share" v-cloak>
			<div class="intro">
				<p>扫描二维码关注慧淘公众号</p>

				<p>本公众号汇集淘宝、天猫平台优惠券，通过本公众号从淘宝、天猫的每笔消费您都将获得分红，从此开启网购省钱之旅
				</p>

				<img :src="share.qrcode" alt="公众号二维码" v-if="share.qrcode" />
				<p>24小时自助查询，随时恭候您的驾临</p>
				<br />
				<br />
				<br />
				
			</div>
		</div>

	</body>
	<script src="/static/js/mui.min.js"></script>
	<script src="/static/js/vue.min.js"></script>
	<script src="/static/js/zepto.min.js"></script>
	<script src="/static/js/plugins/popup.js"></script>
	<script src="/static/js/plugins/input.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script type="text/javascript">
		var share = new Vue({
			el: '#share',
			delimiters: ['${', '}'],
			data: {

				share: {
					title: "扫码关注我，和我一起网购分红",
					desc: "使用本公众号从淘宝、天猫的每笔消费您都将获得消费分红，更有额外大额优惠券，轻松省钱。",
					link: window.location.href,
					qrcode: "{{qrcode}}",

				}

			},
			mounted: function() {
				this.sign();
			},

			methods: {
				sign() {

					var self = this;

					$.post('/app/wxmp/user/wxsign', {
						url: window.location.href
					}, function(res) {
						if(res.errno == 0) {

							wx.config({
								debug: false,
								appId: res.data.appid,
								timestamp: res.data.timestamp,
								nonceStr: res.data.nonceStr,
								signature: res.data.signature,
								jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage", "onMenuShareQQ", "onMenuShareWeibo", "onMenuShareQZone", "showMenuItems", "hideMenuItems"]
							});
							wx.ready(function() {
								console.log("1111111111111111")

								wx.showMenuItems({
									menuList: ["menuItem:share:appMessage", "menuItem:share:timeline", "menuItem:share:qq", "menuItem:share:QZone", "menuItem:share:weiboApp", ]
								});
								wx.hideMenuItems({
									menuList: ["menuItem:favorite", "menuItem:share:facebook", "menuItem:editTag", "menuItem:delete", "menuItem:copyUrl", "menuItem:originPage", "menuItem:readMode", "menuItem:openWithQQBrowser", "menuItem:openWithSafari", "menuItem:share:email", "menuItem:share:brand"]
								});

								wx.onMenuShareAppMessage({
									title: self.share.title, // 分享标题
									desc: self.share.desc, // 分享描述
									link: self.share.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
									imgUrl: self.share.qrcode, // 分享图标

									success: function() {
										// 用户确认分享后执行的回调函数
									},
									cancel: function() {
										// 用户取消分享后执行的回调函数
									}
								});

								wx.onMenuShareTimeline({
									title: self.share.title, // 分享标题

									link: self.share.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
									imgUrl: self.share.qrcode, // 分享图标
									success: function() {
										// 用户确认分享后执行的回调函数
									},
									cancel: function() {
										// 用户取消分享后执行的回调函数
									}
								});

								wx.onMenuShareQQ({
									title: self.share.title, // 分享标题
									desc: self.share.desc, // 分享描述
									link: self.share.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
									imgUrl: self.share.qrcode, // 分享图标
									success: function() {
										// 用户确认分享后执行的回调函数
									},
									cancel: function() {
										// 用户取消分享后执行的回调函数
									}
								});

								wx.onMenuShareQZone({
									title: self.share.title, // 分享标题
									desc: self.share.desc, // 分享描述
									link: self.share.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
									imgUrl: self.share.qrcode, // 分享图标
									success: function() {
										// 用户确认分享后执行的回调函数
									},
									cancel: function() {
										// 用户取消分享后执行的回调函数
									}
								});

								wx.onMenuShareWeibo({
									title: self.share.title, // 分享标题
									desc: self.share.desc, // 分享描述
									link: self.share.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
									imgUrl: self.share.qrcode, // 分享图标
									success: function() {
										// 用户确认分享后执行的回调函数
									},
									cancel: function() {
										// 用户取消分享后执行的回调函数
									}
								});

							});

						} else {
							popup.prompt(res.errmsg);
						}
					});

				}

			}

		});
	</script>

</html>